@charset "utf-8";
/* *@Project: 样式重设及公共样式表 */
html{color: #7a7a7a;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;min-width: 1200px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin: 0;padding: 0;border: 0;} 
div, p, h1, h2, h3, h4, h5, h6, textarea{table-layout: fixed;} i{font-style: normal;} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;} 
audio, canvas, video{display: inline-block;*display: inline;*zoom: 1;} 
body, button, input, select, textarea{font-size: 15px;color:#666;} 
body a{color: #666;outline: none;blr: expression(this.onFocus=this.blur())\9;} 
input, select, textarea, button{font-size: 100%;outline: none;} 
table{border-collapse: collapse;border-spacing: 0;} 
th{text-align: inherit;} 
fieldset, img{border: 0;} iframe{display: block;} 
abbr, acronym{border: 0;font-variant: normal;} 
del{text-decoration: line-through;} 
address, caption, cite, code, dfn, em, th, var{font-style: normal;font-weight: 500;} 
ol, ul{list-style: none;} caption, th{text-align: left;} 
h1, h2, h3, h4, h5, h6{font-size: 100%;}
q:before,
.clear,q:after{content: ".";display: block;clear: both;visibility: hidden;font-size: 0;height: 0;line-height: 0}
a:hover{text-decoration: none;}
ins,a{text-decoration: none;}
.w1200{width: 1200px;margin: 0 auto;}
.w1000{width: 1000px;}
.w960{width: 960px;}
.fn-clear:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fn-clear{zoom: 1;}
.left{float:left;}
.right{float:right;}

body .fn-hide{display: none;}
body .fn-show{display: block;}
body .fn-v-hide{visibility: hidden;opacity: 0;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;}
body .fn-v-show{visibility: visible;opacity: 1;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;}
.fn-left,
.fn-right{display: inline;}
.fn-left{float: left;}
.fn-right{float: right;}
.padding-t-10{padding-top: 10px;}
.padding-t-15{padding-top: 15px;}
.padding-t-40{padding-top: 40px;}
.padding-b-10{padding-bottom: 10px;}
.padding-b-30{padding-bottom: 30px;}
.padding-b-50{padding-bottom: 50px;}
.padding-10{padding: 10px;}
.padding-tb-10{padding: 10px 0;}
.padding-lr-5{padding: 0 5px;}
.margin-t-5{margin-top: 5px;}
.margin-t-10{margin-top: 10px;}
.margin-t-15{margin-top: 15px;}
.margin-t-20{margin-top: 20px;}
.margin-t-25{margin-top: 25px;}
.margin-t-30{margin-top: 30px;}
.margin-t-35{margin-top: 35px;}
.margin-t-40{margin-top: 40px;}
.margin-t-50{margin-top: 50px;}
.margin-t-60{margin-top: 60px;}
.margin-l-5{margin-left: 5px;}
.margin-l-10{margin-left: 10px;}
.margin-l-15{margin-left: 15px;}
.margin-l-20{margin-left: 20px;}
.margin-l-30{margin-left: 30px;}
.margin-l-40{margin-left: 40px;}
.margin-r-10{margin-right: 10px;}
.margin-r-5{margin-right: 10px;}
.margin-b-5{margin-bottom: 5px;}
.margin-b-10{margin-bottom: 10px;}
.margin-b-15{margin-bottom: 15px;}
.margin-b-20{margin-bottom: 20px;}
.margin-b-30{margin-bottom: 30px;}
.margin-b-40{margin-bottom: 40px;}
.margin-b-50{margin-bottom: 50px;}
.margin-b-60{margin-bottom: 60px;}
.margin-r-40{margin-right: 40px;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.margin-lr-10{margin: 0 10px;}
.margin-lr-20{margin: 0 20px;}
.b-r-3{border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;}
.b-r-5{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;}
.b-r-10{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;}
.b-r-50{border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;}
.text-ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*scrollbar*/
body::-webkit-scrollbar,
.layers-table-list::-webkit-scrollbar{width: 8px;height: 8px;}
body::-webkit-scrollbar-track,
.layers-table-list::-webkit-scrollbar-track{background: rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 1px solid #ddd;}
body::-webkit-scrollbar-thumb,
.layers-table-list::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, 0.5);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.bg{background-color: #6a6f6d;}
.rb{border:1px red solid;}

/* * 共用样式 */
::-webkit-scrollbar-track-piece{width: 8px;background-color: #f8f8f8;}
::-webkit-scrollbar{width: 8px;background-color: #2882e8;}
::-webkit-scrollbar-thumb{width: 8px;background-color: #aeaeae;}
::-webkit-scrollbar-thumb:hover{width: 8px;background-color: #2882e8;}
/*公共样式*/
/*header*/
.headroom{position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.headroom--unpinned{top: -100px;}
.headroom--pinned{top: 0;}
.header{background-color: rgba(255, 255, 255, 0.95);height: 100px;}
.header-top{z-index:999999999 !important;}
/* LOGO */
.header h1{margin:0;padding:0;}
.top_logo{width:30%;padding-top:35px;padding-left:20px;display: table;}
.top_nav{/* width:68%; */}
/* NAV */
.nav{display: table;}
.nav .nav-bar{}
.nav-bar > li{display: block;float: left;text-align: center;position: relative;margin-top:28px;border-top-right-radius: 6px;border-top-left-radius: 6px;}
.nav-bar > li:hover, .nav-bar > li.active{color: #0268ee;}
.nav-bar > li > a{padding: 5px 22px;display: block;color: #666;font-size: 14px;line-height: 24px;}
.nav-bar > li > a span{display:block;}
.nav-bar > li > a:hover, .nav-bar > li:hover>a, .nav-bar > li.active>a{color: #0268ee;text-decoration: none;}
.nav-bar > li small{display: none;color: #FFFFFF;font-size: 12px;}
.nav-bar > li:hover small, .nav-bar > li.active small{display: block;}
.nav-bar > li ul{display: none;background-color: #F75A53;border-bottom-left-radius: 5px;padding: 0 0 5px 0;border-bottom-right-radius: 5px;position: absolute;left: 0px;top: 72px;z-index:9999999999;}
.nav-bar > li:hover ul{display:block;}
.nav-bar > li ul li a{line-height: 28px;padding: 5px 30px;color: #666666 !important;border-bottom: 1px solid #F5F5F5;display: block;background-color: #FFFFFF !important;min-width: 70px;text-align: left;}
.nav-bar > li ul li a:hover, .nav-bar > li ul li a.hover{background-color: #FE7A75 !important;color: #FFFFFF !important;text-decoration: none;border-bottom: 1px solid #F75A53;}

.title img{margin: 0 auto;}
/*footer*/
.footer{background-color: #333;min-width: 1200px;padding:30px 0 50px;}
.footer li{float: left;}
.footer li:nth-child(1){width: 150px;}
.footer li:nth-child(1) .logo2{display: block;margin-bottom: 48px;}
.footer li:nth-child(1) .logo2 img{margin: 0 auto;}
.footer li:nth-child(1) i{display: block;width: 110px;margin: 0 auto;}
.footer li:nth-child(1) i img{width: 100%;height: auto;}
.footer li:nth-child(1) span{display: block;text-align: center;font-size: 12px;margin-top: 20px;color: #838281;}
.footer li:nth-child(1) div a{float: left;width: 27px;margin-right: 34.5px;}
.footer li:nth-child(1) div a:last-child{margin-right: 0;}
.footer li:nth-child(1) div a img{width: 100%;height: auto;}
.footer li:nth-child(2){width: 200px;margin-left: 120px;}
.footer li h4{line-height: 34px;border-bottom: 1px solid #a92f33;font-size: 16px;color: #aca9a8;margin-bottom: 10px;}
.footer li h4 a{float: right;color: #6c6d6d;}
.footer li:nth-child(3){width: 510px;margin-left: 60px;}
.footer li:nth-child(2) dt{font-size: 14px;color: #bab4b1;line-height: 26px;}
.footer li:nth-child(2) dd a{float: left;font-size: 12px;color: #949393;margin-right: 10px;}
.footer li:nth-child(3) div a{margin-right: 10px;font-size: 12px;color: #bab4b1;}